// IIFE: 立即执行的函数表达式
(() => {

    const url = '/explore/request' ;

    const btn = document.querySelector( '.fetch' );

    const handler = evt => {

        let student = {
            id: 1 ,
            name: '张无忌',
            gender: 'male'
        }

        let options = {
            // 设置请求方式
            method: 'post' ,
            // 设置请求头
            headers: {
                'content-type': 'application/json'
            },
            // 设置请求体 (即发送的内容)
            body: JSON.stringify( student )
        }

        // 在浏览器端可以通过 fetch 函数发送异步请求，它返回一个 Promise 对象
        let promise = fetch( url , options ); // fetch 是定义在 window 对象上的一个函数

        promise.then( response => response.text() )
               .then( html => console.log( html ) );
    }

    btn.addEventListener( 'click', handler, false );

})();